<template>
  <div style="width: 100%;height: 100%;">
    <three ref="three"/>
  </div>
</template>

<script>

  import Three from './Three'
  export default {
    name: "Index.vue",
    components:{
      Three,
    },
    data(){
      return{
      }
    },
    mounted() {
      this.addThree()
    },
    methods:{
      addThree(){
        const that=this
        alert("使用说明。\n" +
          "1画墙：必须线把墙面画出来，才可以在墙面上，画门，画窗。\n" +
          "2画门：两格为单开门，三格为双开门。注意：不能画斜线\n" +
          "3画窗：四格为双开窗。注意：不能画斜线\n" +
          "4删除线：与其他线进行重合进行删除。\n" +
          "5家具：家具进行拖拽到地板上进行创建，双击模型可以对模型进行修改位置与旋转位置。\n" +
          "6材质：可以修改墙面材质。\n" +
          "注意：画门与画窗的模型可以在代码上进行增加修改删除。")
        this.$refs.three.adds(this.fileUrl)
      },
    }

  }
</script>

<style scoped>

</style>
